<template>
<div class="header">
   <div class="header-back"> 
       <span class='iconfont'>&#xeb21;</span>
   </div>
   <div class="header-search">
       <span class='iconfont'>&#xe623;</span>
       西藏阿里
       </div>
   <div class="header-city">
       {{this.city}}
       <span class='iconfont'>&#xe74a;</span>
       </div>
</div>
</template>

<script>
export default {
  name: 'homeheader',
  props:['city'],

}
</script>

<style lang="stylus" scoped>
.header
 line-height :.88rem
 text-align :center
 display :flex
 .header-back
  float:left
  width :.9rem
 .header-city
  float:right
  width :1.4rem
 .header-search
  flex:1
  height :.64rem
  line-height :.6rem
  margin-top :.2rem
  margin-left :.2rem
  margin-right :.2rem
  border-radius:.5rem
  box-shadow:0 0 .01rem .02rem #005


</style>
